import { configureStore } from "@reduxjs/toolkit";
import counterReducer from "./modules/counterStore";
import channelReducer from "./modules/channelStore";

const store = configureStore({
    reducer: {
        counter: counterReducer,
        channel: channelReducer
    }
});

export default store;

/**
 * 通过之中管理的方式管理应用的状态，如同 vue 下的 pinia 或 vuex
 * 
 * 为了职责清晰，数据流向明确， Redux 把整个数据修改的流程分成了三个核心概念， state 、 action 、 reducer
 * 1. state ：存放着我们管理数据状态的对象。
 * 2. action ：用来描述你想如何修改数据的对象。
 * 3. reducer ：根据 action 的描述生成一个新的 state 对象的函数。
 */